<template>
  <section class="bg-white lg:pt-20 lg:pb-12 py-9 text-center">
    <div class="lg:text-3xl text-xl font-bold">
      <span class="lg:inline hidden">家园共育 · </span>
      成长记录 - 随手记录成长瞬间
    </div>
    <div class="lg:mt-16 mt-4 container mx-auto lg:flex lg:space-x-[50px]">
      <div class="lg:w-[386px] w-full pr-4">
        <img src="@/assets/img/kid9.png" class="w-full" alt="" />
      </div>
      <ul class="text-left lg:-mt-1 mt-4 px-4">
        <li class="lg:text-2xl text-sm leading-6 font-bold">
          智慧幼儿园成长观察记录体系
        </li>
        <li
          class="lg:mt-4 mt-2 lg:text-sm text-xs leading-6"
          v-for="item in list"
          :key="item.title"
        >
          <div class="font-semibold">{{ item.title }}</div>
          <div class="text-gray-66">{{ item.subtitle }}</div>
        </li>
      </ul>
    </div>
  </section>
</template>

<script>
export default {
  data() {
    return {
      list: [
        {
          title: "记录成长瞬间",
          subtitle:
            "教师平时随手使用手机记录成长瞬间。可选择教学、户外、午睡、进食等等不同场景，支持图文视频等多种内容形式，内容全面。支持微信随时一键分享家长。",
        },
        {
          title: "园所教育目标",
          subtitle:
            "根据不同年龄段和不同场景，自动对应园所特色教育目标，让家长明白幼儿能力现状和目标。",
        },
        {
          title: "自动推荐家庭建议",
          subtitle:
            "系统内置专业教育建议，依据场景和教育目标，自动推荐，可直接发送家长。",
        },
      ],
    };
  },
};
</script>
